// packageX/district/member.js
var location = require("../../mybehaviors/location/location");
var app = getApp();
Page({
  behaviors: [location],
  data: {
    footshow: true,
    foot_type: '',
    currentLocation: '',
    searchKeyword: '',
    activeFilter: 'all',
    category_id: '',
    longitude: '',
    latitude: '',
    members: [
    ],
    memberCategory: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 如果有参数传递，可以从options中获取
    if (options && options.id) {
      this.setData({
        districtId: options.id
      });
      this._getLocation((res) => {
        this.setData({
          currentLocation: res.address_component.city ? res.address_component.city : res.address_component.province,
          longitude: res.ad_info.location.lat,
          latitude: res.ad_info.location.lng
        });
      });
      // 这里可以根据districtId请求商圈详情数据
      this.getData();
      this.getCategory();
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 下拉刷新逻辑
    setTimeout(() => {
      wx.stopPullDownRefresh();
    }, 1000);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    // 上拉加载更多
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: '会员列表',
      path: '/packageX/district/member'
    };
  },

  /**
   * 搜索输入
   */
  onSearchInput(e) {
    this.setData({
      searchKeyword: e.detail.value
    });
    this.getData()
    // 可以在这里实现实时搜索
  },

  getData() {
    let that = this;
    let urlStr = app.getNetAddresss("plugin.commerce.api.commerce-member.get-members");
    app._getNetWork({
      url: urlStr,
      data: {
        circle_id: this.data.districtId,
        category_id: this.data.category_id,
        card_name: this.data.searchKeyword,
        longitude: this.data.longitude,
        latitude: this.data.latitude
      },
      success: function(resdata) {
        console.log(resdata)
        var res = resdata.data;
        if (res.result == 1) {
          that.setData({
            'members': res.data,
          });
        } else {
          wx.showToast({
            icon: 'none',
            title: res.msg,
            duration: 1500
          });
        }
      },
      fail: function(res) {
        console.log(res);
      }
    });
  },

  getCategory() {
    let that = this;
    let urlStr = app.getNetAddresss("plugin.commerce.api.commerce-member.get-categories");
    app._getNetWork({
      url: urlStr,
      data: {
        circle_id: this.data.districtId,
      },
      success: function(resdata) {
        console.log(resdata)
        var res = resdata.data;
        if (res.result == 1) {
          that.setData({
            'memberCategory': res.data,
          });
        } else {
          wx.showToast({
            icon: 'none',
            title: res.msg,
            duration: 1500
          });
        }
      },
      fail: function(res) {
        console.log(res);
      }
    });
  },

  /**
   * 筛选点击
   */
  onFilterClick(e) {
    const type = e.currentTarget.dataset.type;
    if(type === 'all') {
      this.setData({
        category_id: ''
      })
    } else {
      this.setData({
        category_id: type
      });
    }
    this.getData()
    // 这里可以根据筛选类型过滤会员列表
  },

  /**
   * 拨打电话
   */
  onCallPhone(e) {
    const phone = e.currentTarget.dataset.phone;
    if(!phone) {
      wx.showToast({
        icon: 'none',
        title: '没有手机号码',
        duration: 1500
      });
      return false
    }
    wx.makePhoneCall({
      phoneNumber: phone
    });
  },

  /**
   * 查看位置
   */
  onViewLocation(e) {
    const longitude = e.currentTarget.dataset.longitude;
    const latitude = e.currentTarget.dataset.latitude;
    wx.navigateTo({
      url: `/packageL/map/map?latitude=${latitude}&longitude=${longitude}`,
    })
    // // 这里可以实现查看位置的逻辑
    // wx.showModal({
    //   title: '位置信息',
    //   content: location,
    //   showCancel: false
    // });
  },

  /**
   * 添加微信
   */
  onAddWechat(e) {
    const wechat = e.currentTarget.dataset.wechat;
    // 复制微信到剪贴板
    wx.setClipboardData({
      data: wechat,
      success: () => {
        wx.showToast({
          title: '微信号已复制',
          icon: 'success',
          duration: 2000
        });
      }
    });
  },

  /**
   * 显示购物车底部导航
   */
  showcarrfoot() {
    // 实现显示购物车底部导航的逻辑
  },

  /**
   * 显示IPhone适配的购物车底部导航
   */
  showcarrfoot_ipx() {
    // 实现显示IPhone适配的购物车底部导航的逻辑
  }
});